<!-- Page title -->
<div class="home-title-wrapper">
    <div><!--  class="pattern-light-wrapper" -->
        <div class="container">
            <h2 class="page-title-main">Moqui Ecosystem</h2>
            <h3 class="page-title-secondary"><span>open source business applications with modern architecture and full rest api</span></h3>
        </div>

        <div class="decorative-lines"></div>
        <div class="container">
            <div class="circle-info-buttons">
                <div class="circle-info-wrapper">
                    <a href="framework.html"><div class="circle-info">
                        <div class="circle-info__front"><h4 class="circle-info__title">Framework</h4></div>
                        <div class="circle-info__back">
                            <h4 class="circle-info__title">Moqui</h4>
                            <p class="circle-info__text hidden-xs">tools to build low-code modular enterprise apps</p>  
                               <i class="icon-circle fa fa-arrow-right"></i>
                        </div>
                    </div></a>
                </div>
                <div class="circle-info-wrapper">
                    <a href="mantle.html"><div class="circle-info">
                        <div class="circle-info__front"><h4 class="circle-info__title">Artifacts</h4></div>
                        <div class="circle-info__back">
                            <h4 class="circle-info__title">Mantle</h4>
                            <p class="circle-info__text hidden-xs">data model * service library * integrations * forms * screens</p>
                               <i class="icon-circle fa fa-arrow-right"></i>
                        </div>
                    </div></a>
                </div>
                <div class="circle-info-wrapper">
                    <a href="applications.html"><div class="circle-info">
                        <div class="circle-info__front"><h4 class="circle-info__title">Applications</h4></div>
                        <div class="circle-info__back">
                            <h4 class="circle-info__title">Apps</h4>
                            <p class="circle-info__text hidden-xs">ERP * CRM * ecommerce * projects * more</p>
                               <i class="icon-circle fa fa-arrow-right"></i>
                        </div>
                    </div></a>
                </div>
            </div>
        </div>

        <a class="btn btn--highlight btn-wide" href="http://demo.moqui.org/qapps" target="_blank">Demo</a>
        <a class="btn btn--highlight btn-wide" href="https://github.com/moqui/moqui-framework/releases/latest"><i class="fa fa-download" style="color: inherit;"></i> DL</a>
        <a class="btn btn--highlight btn-wide" href="/docs/apps">Docs</a>

        <div class="divider-simple"></div>
    </div>
</div>
<!-- End Page title -->

<!-- Promobox -->
<div class="container">
    <div class="row">
        <div class="col-md-12">
            <div class="promobox hidden-xs promobox-position">
                <p class="promobox__text"><strong>Easy to try:</strong>
                    <a href="http://demo.moqui.org/qapps" target="_blank">apps demo</a>,
                    <a href="http://demo.moqui.org/store" target="_blank">ecommerce demo</a>,
                    <a href="https://github.com/moqui/moqui-framework/releases/latest">download</a>, or build</p>
                <a class="btn btn-wide" href="/docs/apps">Docs</a>
                <a class="btn btn-wide" href="https://github.com/moqui/moqui-framework/releases/latest"><i class="fa fa-download" style="color: inherit;"></i> DL</a>
                <a class="btn btn-wide" href="http://demo.moqui.org">Demo</a>
            </div>
        </div>
    </div>
</div>
<!-- End Promobox -->

<!-- Begin main content -->

<!-- Begin page section -->
<section class="container benefits">
    <div class="row">
        <div class="col-xs-12 col-md-7">        
            <h2 class="section-title">Moqui<span class="text-highlight">is for</span></h2>
            <ul class="list-arrow list-arrow--hover-efect">
                <li class="list__item"><i class="icon-circle icon-circle--thin fa fa-arrow-right"></i>
                    <strong>End-user organizations</strong> who need custom software, from existing system augmentation to complete end-to-end systems; take back your systems: own your data, own your code</li>
                <li class="list__item"><i class="icon-circle icon-circle--thin fa fa-arrow-right"></i>
                    <strong>Commercial software vendors</strong> looking for a reliable and flexible foundation, allowing focus on differentiating features</li>
                <!-- <li class="list__item"><i class="icon-circle icon-circle--thin fa fa-arrow-right"></i>
                    <strong>Open source projects</strong> who need to maximize the results of development time</li> -->
                <li class="list__item"><i class="icon-circle icon-circle--thin fa fa-arrow-right"></i>
                    <strong>Custom software consultants and system integrators</strong> who need tools and reusable artifacts to efficiently build anything a client might want</li>
                <li class="list__item"><i class="icon-circle icon-circle--thin fa fa-arrow-right"></i>
                    <strong>Developers, architects, designers, and analysts</strong> tired of reinventing the wheel and spending months or years getting version 1.0 out the door</li>
            </ul>
        </div>
        <div class="col-xs-8 col-md-3 col-xs-offset-2 col-md-offset-1">
            <h2 class="section-title section-title--smaller">Latest<span class="text-highlight">Releases</span></h2>

           <a href="https://github.com/moqui" target="_blank">
               <img src="/github_logo.png" alt="GitHub.com" width="80" style="margin-bottom: 10px;"></a>
           <a href="http://sourceforge.net/projects/moqui" target="_blank">
               <img src="/sflogo.gif" alt="SourceForge.net" width="120"></a>

            <!-- Accordion -->
            <div class="panel-group accordion" id="latestAccordion">
                <div class="panel panel-default">
                    <div class="panel-heading"><h4 class="panel-title">
                        <a data-toggle="collapse" data-parent="#latestAccordion" href="#collapseLatest1">
                            <span class="marker"></span>Moqui Framework</a>
                    </h4></div>
                    <div class="panel-collapse collapse in" id="collapseLatest1"><div class="panel-body">
                        <p><a href="https://github.com/moqui/moqui-framework/releases/latest">Moqui Framework 3.0.0</a></p>
                        <p><a href="https://github.com/moqui/moqui-runtime/releases/latest">Moqui Runtime 3.0.0</a></p>
                        <p><a href="https://github.com/moqui/example/releases/latest">Example 3.0.0</a></p>
                    </div></div>
                </div>
                <div class="panel panel-default">
                    <div class="panel-heading"><h4 class="panel-title">
                        <a class="collapsed" data-toggle="collapse" data-parent="#latestAccordion" href="#collapseLatest2">
                            <span class="marker"></span>Tool Components</a>
                    </h4></div>
                    <div class="panel-collapse collapse" id="collapseLatest2"><div class="panel-body">
                        <!-- <p><a href="https://github.com/moqui/moqui-atomikos/releases/latest">Moqui Atomikos 1.0.0</a></p> -->
                        <p><a href="https://github.com/moqui/moqui-aws/releases/latest">AWS 1.1.0</a></p>
                        <p><a href="https://github.com/moqui/moqui-camel/releases/latest">Camel 1.0.4</a></p>
                        <p><a href="https://github.com/moqui/moqui-fop/releases/latest">FOP 1.1.3</a></p>
                        <p><a href="https://github.com/moqui/moqui-hazelcast/releases/latest">Hazelcast 1.1.3</a></p>
                        <p><a href="https://github.com/moqui/moqui-kie/releases/latest">KIE/Drools 1.0.4</a></p>
                        <p><a href="https://github.com/moqui/moqui-orientdb/releases/latest">OrientDB 1.0.4</a></p>
                        <p><a href="https://github.com/moqui/moqui-poi/releases/latest">POI 1.0.1</a></p>
                        <p><a href="https://github.com/moqui/moqui-sftp/releases/latest">SFTP 1.0.1</a></p>
                        <p><a href="https://github.com/moqui/moqui-wikitext/releases/latest">WikiText 1.0.3</a></p>
                    </div></div>
                </div>
                <div class="panel panel-default">
                    <div class="panel-heading"><h4 class="panel-title">
                        <a class="collapsed" data-toggle="collapse" data-parent="#latestAccordion" href="#collapseLatest3">
                            <span class="marker"></span>Business Artifact Components</a>
                    </h4></div>
                    <div class="panel-collapse collapse" id="collapseLatest3"><div class="panel-body">
                        <p><a href="https://github.com/moqui/mantle-udm/releases/latest">Mantle UDM 2.2.0</a></p>
                        <p><a href="https://github.com/moqui/mantle-usl/releases/latest">Mantle USL 2.2.0</a></p>
                        <p><a href="https://github.com/moqui/SimpleScreens/releases/latest">Simple Screens 2.2.0</a></p>
                        <p><a href="https://github.com/moqui/mantle-edi/releases/latest">Mantle EDI 1.1.4</a></p>
                        <p><a href="https://github.com/moqui/AuthorizeDotNet/releases/latest">Authorize.NET 1.2.4</a></p>
                        <p><a href="https://github.com/moqui/mantle-paytrace/releases/latest">Paytrace 1.0.2</a></p>
                        <p><a href="https://github.com/moqui/mantle-shippo/releases/latest">Shippo 1.2.0</a></p>
                        <p><a href="https://github.com/moqui/mantle-yotpo/releases/latest">Yotpo 1.0.1</a></p>
                    </div></div>
                </div>
                <div class="panel panel-default">
                    <div class="panel-heading"><h4 class="panel-title">
                        <a class="collapsed" data-toggle="collapse" data-parent="#latestAccordion" href="#collapseLatest4">
                            <span class="marker"></span>Applications</a>
                    </h4></div>
                    <div class="panel-collapse collapse" id="collapseLatest4"><div class="panel-body">
                        <p><a href="https://github.com/moqui/MarbleERP/releases/latest">Moqui Marble ERP 1.0.0</a></p>
                        <p><a href="https://github.com/moqui/HiveMind/releases/latest">HiveMind PM and ERP 1.5.0</a></p>
                        <p><a href="https://github.com/moqui/PopCommerce/releases/latest">POP Commerce and ERP 2.2.0</a></p>
                        <p><a href="https://github.com/moqui/PopRestStore/releases/latest">POP REST Store 1.1.0</a></p>
                    </div></div>
                </div>
                <div class="panel panel-default">
                    <div class="panel-heading"><h4 class="panel-title">
                        <a class="collapsed" data-toggle="collapse" data-parent="#latestAccordion" href="#collapseLatest5">
                            <span class="marker"></span>Making Apps with Moqui (Book)</a>
                    </h4></div>
                    <div class="panel-collapse collapse" id="collapseLatest5"><div class="panel-body">
                        <p><a href="/MakingAppsWithMoqui-1.0.pdf">English 1.0 (PDF)</a></p>
                        <p><a href="/MakingAppsWithMoquiChinese-1.0.pdf">Chinese 1.0 (PDF)</a></p>
                        <p><a href="http://www.amazon.com/dp/0692267050">English 1.0 (Print)</a></p>
                    </div></div>
                </div>
            </div>
            <!-- End Accordion -->
        </div>
    </div>
    <!-- End row -->
</section>

<section class="services services--preview">
    <div class="container">
        <div class="row">
            <div class="col-sm-12">
                <div class="divider-circle divider-circle--light"></div>

                <h2 class="section-title">Ecosystem <span class="text-highlight">features</span></h2>
            </div>              
        </div>
    </div>

    <!-- Decorated slider -->
    <div class="decorated-slider-wrapper">
        <div class="decorative-lines"></div>
        <div class="container">
            <div class="row">
                <div class="col-sm-12">
                    <div class="swiper-controls decorated-slider-controls">
                        <a class="prev-arrow" href="#"></a>
                        <a class="next-arrow" href="#"></a>
                    </div>
                    <div class="clearfix"></div>

                    <div class="swiper-container decorated-slider">
                         <div class="swiper-wrapper">
                            <div class="swiper-slide swiper-slide--active" data-order="slide1">
                                <div class="services__item">
                                    <i class="icon icon-circle icon-circle--lg fa fa-dollar"></i>
                                    <h4 class="service__title">Cost Effective</h4>
                                </div>
                            </div>
                            <div class="swiper-slide" data-order="slide2">     
                                <div class="services__item">
                                    <i class="icon icon-circle icon-circle--lg fa fa-wrench"></i>
                                    <h4 class="service__title">Advanced Tools</h4>
                                </div>
                            </div>
                            <div class="swiper-slide" data-order="slide3">             
                                <div class="services__item">
                                    <i class="icon icon-circle icon-circle--lg fa fa-th-list"></i>
                                    <h4 class="service__title">Applications</h4>
                                </div>
                            </div>
                            <div class="swiper-slide" data-order="slide4">             
                                <div class="services__item">
                                    <i class="icon icon-circle icon-circle--lg fa fa-users"></i>
                                    <h4 class="service__title">Multi-Instance</h4>
                                </div>
                            </div>
                            <div class="swiper-slide" data-order="slide5">             
                                <div class="services__item">
                                    <i class="icon icon-circle icon-circle--lg fa fa-cloud"></i>
                                    <h4 class="service__title">Cloud Computing</h4>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="service__info basic_html">
                        <div class="service__description slide1 service__description--active"><p><strong>Low code: less code, less cost.</strong>
                                Less code translates to less development, maintenance, and support. The efficient and flexible
                                Moqui Framework tools dramatically reduce your code size and complexity. The existing business
                                artifacts (data model, services, screens/forms, integrations, etc) mean you have less to build.</p>
                            <p>How much less code? In one large project over a million lines of code was replaced with less than 100k.</p>
                        </div>
                        <div class="service__description slide2">
                            <p><strong>The difficult made easy.</strong> Moqui Framework uses many of the best open
                                source Java libraries plus a set of innovative tools for persistence, logic, user
                                interfaces, and integration... all designed to work together OOTB to make your life easier.</p>
                            <p>Need to build a REST API? Easy. Need to use a REST or other API? Easy.</p>
                            <p>Need to index database records on the fly for full text search or analytics? Easy.</p>
                            <p>Need to build an integration with managed message production and consumption? Easy.</p>
                            <p>Need runtime configuration of authorization for screens, services, entities and even automatic query filtering? Easy.</p>
                        </div>
                        <div class="service__description slide3"><p><strong>Existing applications to use or customize.</strong>
                                The existing open source applications give you a starting point for your custom or commercial applications.
                                They are not just useful as-is but also provides hundreds of examples of how to build
                                different UI elements and use the generic business artifacts.</p>
                        </div>
                        <div class="service__description slide4"><p><strong>Need Saas? No problem.</strong>
                                The multi-instance features in Moqui Framework make it easy to offer your Software as a
                                Service. With provisioning services in Moqui and subscription products in Mantle it is
                                easy to setup an ecommerce and self-service web site for access to your software. Each instance
                                runs in its own container or VM and with its own database. Provisioning services are included
                                for Docker and MySQL. There are service interfaces you can implement for any host environment or database.</p>
                        </div>
                        <div class="service__description slide5"><p><strong>Easy to deploy.</strong> Applications built
                                on Moqui Framework can be distributed as a standalone executable archive or a standard
                                WAR file (with runtime configuration and add-ons separate or embedded). This makes it
                                easy to deploy on virtual machines, container based infrastructure, on-premise and
                                in private clouds. For large deployments Moqui supports session replication, distributed
                                caching, and much more to scale up application server pools.</p>
                        </div>
                    </div>       

                </div>              
            </div>          
        </div>
    </div>
    <!-- End Decorated slider -->
</section>

<section class="container divided-section basic_html">
    <div class="divider-circle divider-circle--light"></div>
    <div class="divider-vertical hidden-xs"></div>
    <div class="row">
        <div class="col-sm-6">
            <h2 class="section-title section-title--smaller">Open Source<span class="text-highlight">License</span></h2>
       <a href="http://creativecommons.org/publicdomain/zero/1.0/"><img src="https://licensebuttons.net/p/zero/1.0/88x31.png" style="border-style: none;" alt="CC0" /></a>
       <p>Moqui is free and open source software, released in the public domain.</p>
       <p>To firmly establish this and to clarify terms in jurisdictions where public domain status is not recognized,
           Moqui uses the <a href="http://creativecommons.org/publicdomain/zero/1.0/">Creative Commons CC0 1.0 Universal Public Domain Dedication</a>.</p>
       <p>Because CC0 1.0 does not cover patent issues, the Moqui Ecosystem projects also use a Grant of Patent License 
       adapted from Apache License 2.0. See the full details in the <a href="https://github.com/moqui/moqui-framework/blob/master/LICENSE.md">LICENSE</a>     
       and <a href="https://github.com/moqui/moqui-framework/blob/master/AUTHORS">AUTHORS</a> files.</p>
        </div>

        <div class="col-sm-6 choose-us">
            <h2 class="section-title section-title--smaller">Resource <span class="text-highlight">Model</span></h2>

            <!-- Accordion -->
            <div class="panel-group accordion accordion--secondary" id="accordionResMgmt">
                <div class="panel panel-default">
                    <div class="panel-heading"><h4 class="panel-title">
                        <a data-toggle="collapse" data-parent="#accordionResMgmt" href="#collapseResMgmt1">
                            <span class="marker"></span>Model</a></h4>
                    </div>
                    <div class="panel-collapse collapse in" id="collapseResMgmt1"><div class="panel-body">
       <p>To maintain a high level of quality and provide for long-term sustainable maintenance Moqui
           is operated using a professionally moderated code base model. This model is based on free-market
           principles and takes in account the motivations and needs of all parties involved:</p>
       <ul>
           <li><strong>user:</strong> any user of the software (developer, end-user, etc)</li>
           <li><strong>sponsor:</strong> anyone who backs new features and changes to the software</li>
           <li><strong>contributor:</strong> developer who contributes code and then collaborates with (or hires) a
               moderator to make it part of a project</li>
           <li><strong>moderator:</strong> developer with commit (push) access to the official code repositories and
               who personally works on the design, development, and maintenance of the software (intentionally small group)</li>
       </ul>
                    </div></div>
                </div>
                <div class="panel panel-default">
                    <div class="panel-heading"><h4 class="panel-title">
                        <a class="collapsed" data-toggle="collapse" data-parent="#accordionResMgmt" href="#collapseResMgmt2">
                            <span class="marker"></span>Code Review</a></h4>
                    </div>
                    <div class="panel-collapse collapse" id="collapseResMgmt2"><div class="panel-body">
       <p>No changes go into the official code repository without detailed personal review by one of the moderators.
           It is common for users of software to want certain things to be different, or
           new things to be added. Under this model the normal way to get this done is to work with a moderator to
           either implement the desired changes, or review a patch from the contributor, make revisions as
           needed, and then commit the changes.</p>
                    </div></div>
                </div>
                <div class="panel panel-default">
                    <div class="panel-heading"><h4 class="panel-title">
                        <a class="collapsed" data-toggle="collapse" data-parent="#accordionResMgmt" href="#collapseResMgmt3">
                            <span class="marker"></span>Benefits</a></h4>
                    </div>
                    <div class="panel-collapse collapse" id="collapseResMgmt3"><div class="panel-body">
       <p>Under this model:<p>
       <ul>
           <li>users get a piece of software that is well thought out and thoroughly reviewed</li>
           <li>users save time wasted by meaningless changes causing them problems</li>
           <li>users don't have to worry about bad changes being committed without thorough review</li>
           <li>users can count on software that will be around for a long time</li>
           <li>contributors don't wait endlessly for feedback or worry about contributions being ignored</li>
           <li>contributors can count on detailed feedback and, as needed, discussion and collaboration
               to get the best possible change committed, or a good explanation of why it won't be</li>
           <li>sponsors enjoy fast response times to requests for new features or other changes</li>
           <li>the software stays aligned with design goals</li>
           <li>the software does not suffer from decay over many years of life as random people scratch random
               itches or commit for convenience based on requirements for particular projects</li>
       </ul>
                    </div></div>
                </div>
            </div>
            <!-- End Accordion -->
        </div>
    </div>
    <div class="divider-circle divider-circle--light divider-circle-margin"></div>
</section>
